<template>
  <view class="p-page p-area-page"> 
  
   <view class="" v-if="render('area-dipi')">
   	   地皮的面积选项
   </view>
   <view class="" v-if="render('area-gaocen')">
   	     <view class="flex" style="margin: 10px 0;">
   	         <InputArea placeholder="建筑面积" tail="m" :val="ztSpace.coveredArea"  target="ztSpace" wename="coveredArea"/>
   	         <InputArea placeholder="套内面积" tail="m" :val="ztSpace.insideArea"   target="ztSpace" wename="insideArea"/>
   	      </view>  
   	     <view class="divider" style="margin: 20px 0;"/>
   	     	 
   	     
   	      <view class="flex">
   	          <InputArea placeholder="房间总数" tail="房"  :val="ztSpace.householdStorey"  decimal="0"  target="ztSpace"  wename="householdStorey"/>
   	           <InputArea placeholder="客/餐厅" tail="厅" :val="ztSpace.parlor"   decimal="0"  target="ztSpace"  wename="parlor"/>
   	      </view>
   	      <view class="flex" style="margin: 10px 0;">
   	          <InputArea placeholder="卫生间数" tail="卫" :val="ztSpace.toilet"   decimal="0"  target="ztSpace"   wename="toilet"/>
   	         <InputArea placeholder="阳台总数" tail="阳" :val="ztSpace.balcony"   decimal="0"   target="ztSpace"  wename="balcony"/>
   	      </view>
   	      <view class="divider" style="margin: 20px 0;"/>
		  <view class="flex" style="margin: 10px 0;">
		      <InputArea placeholder="楼栋电梯" tail="梯"   :val="ztSpace.lift" decimal="0"  target="ztSpace" wename="lift"/>
		      <InputArea placeholder="单层户数" tail="户"  :val="ztSpace.householdStorey" decimal="0"  target="ztSpace"  wename="householdStorey"/>
		  </view> 
   </view>
  
  
  <view class="" v-if="render('area-shop')">
  	    <view class="flex" style="margin: 10px 0;">
  	       <InputArea placeholder="建筑面积" tail="m" :val="ztSpace.coveredArea"  target="ztSpace" wename="coveredArea"/>
  	        <InputArea placeholder="套内面积" tail="m" :val="ztSpace.insideArea"   target="ztSpace" wename="insideArea"/>
  	     </view> 
		 
		 <view class="flex" style="margin: 10px 0;">
		     <InputArea placeholder="夹层" tail="米"   :val="ztSpace.interlayer"  decimal="0"  target="ztSpace"   wename="interlayer"/>
		     <InputArea placeholder="层高" tail="m"  :val="ztSpace.interlayerHeight"  decimal="0"  target="ztSpace"    wename="interlayerHeight"/>
		 </view> 
  </view>
  
  <view class="" v-if="render('area-office')">
  	   <view class="flex" style="margin: 10px 0;">
  	      <InputArea placeholder="建筑面积" tail="m" :val="ztSpace.coveredArea"  target="ztSpace" wename="coveredArea"/>
  	       <InputArea placeholder="套内面积" tail="m" :val="ztSpace.insideArea"   target="ztSpace" wename="insideArea"/>
  	    </view>  
  </view>
		
		
		
		<view class="" v-if="render('area-house')">
	        <view class="flex" style="margin: 10px 0;" >
	            <InputArea placeholder="用地面积" tail="m" :val="ztSpace.siteArea"   decimal="0"  target="ztSpace"   wename="siteArea"/>
	           <InputArea placeholder="建筑面积" tail="m" :val="ztSpace.coveredArea"  decimal="0"   target="ztSpace"  wename="coveredArea"/>
	        </view>
			 <view class="divider" style="margin: 20px 0;"/>
			 
			<view class="flex"  style="margin: 10px 0;" >
			    <InputArea placeholder="房间总数" tail="房" :val="ztSpace.room"   decimal="0"  target="ztSpace"   wename="room"/>
			   <InputArea placeholder="客 / 餐厅" tail="厅" :val="ztSpace.parlor"  decimal="0"   target="ztSpace"  wename="parlor"/>
			</view>
			
			<view class="flex"  style="margin: 10px 0;">
	            <InputArea placeholder="卫生间数" tail="卫" :val="ztSpace.toilet"   decimal="0"  target="ztSpace"   wename="toilet"/>
	           <InputArea placeholder="地上层数" tail="层" :val="ztSpace.totalFloor"   decimal="0"    target="ztSpace"  wename="totalFloor"/>
	        </view>
			
			 <view class="divider" style="margin: 20px 0;"/>
			 
	        <view class="flex" style="margin: 10px 0;">
	            <InputArea placeholder="楼栋电梯" tail="梯"  :val="ztSpace.lift"  decimal="0" target="ztSpace"  wename="lift"/>
			   <InputArea placeholder="室内车位" tail="个" :val="ztSpace.carport"  decimal="0"   target="ztSpace"  wename="carport"/>
	        </view>
			 <view class="divider" style="margin: 20px 0;"/>
			<view class="flex" style="margin: 10px 0;">
			    <view class="title"> 土地性质 </view>
			    <u-radio-group v-model="ztSpace.landType" @change="groupChange">
			    	<view class="flex al">
			    		<u-radio name="0"> 集体划拨 </u-radio>
			    		<u-radio name="1"> 国有划拨 </u-radio>
			    		<u-radio name="2"> 国有出让 </u-radio>
			    	</view>
			    </u-radio-group>
			</view>
	        		   
		</view>
    
	 
	
    
  </view>
</template>
<script>   
export default {  
 data() {
    return {
      ztSpace:{}, 
    }
  },
  created(){
    this.ztSpace = this.$store.state.ztSpace  || {
		landType:0,
	}
  },
  mounted(){ 
    
  },
  methods:{
      
	 groupChange(value){
	 	console.log(value);
	 	this.ztSpace.landType = value;
	 	this.$store.dispatch("ztSpace", { landType: value });
	 }
  }
}
</script>  
<style lang="scss">
  .p-area-page{
	  
  }
</style>